.t50 {
  top: 50%;
}

.r50 {
  right: 50%;
}

.l50 {
  left: 50%;
}

.b50 {
  bottom: 50%;
}

/*margin*/
.mlr-auto {
  margin-left: auto;
  margin-right: auto;
}

.dn {
  display: none;
}

.dpn {
  .dn;
}

.fww {
  flex-wrap: wrap;
}

.jca {
  justify-content: space-around;
}

.jcb {
  justify-content: space-between;
}

.jcc {
  justify-content: center;
}

.poa {
  position: absolute;
}

.por {
  position: relative;
}

.pof {
  position: fixed;
}

.abs-mc {
  .poa;
  .t50;
  .l50;
  transform: translate(-50%, -50%);
}

.abs-m {
  .poa;
  .t50;
  transform: translateY(-50%);
}

.abs-c {
  .poa;
  .l50;
  transform: translateX(-50%);
}

.fix-mc {
  .pof;
  .t50;
  .l50;
  transform: translate(-50%, -50%);
}

.fix-m {
  .pof;
  .t50;
  transform: translateY(-50%);
}

.fix-c {
  .pof;
  .l50;
  transform: translateX(-50%);
}

.tac {
  text-align: center;
}

.tal {
  text-align: left;
}

.tar {
  text-align: right;
}

.col {
  flex-direction: column;
}

.aic {
  align-items: center;
}
.aife {
  align-items: flex-end;
}
